<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../node_modules/jquery/dist/jquery.js"></script>
</head>
<body>
<div class="box1"></div>
<div id="box2"></div>
<span>我是span</span>
    <script>
        //$();就代表调用jQuery的核心函数
        //1、函数
        $(function () {
            //2、接收字符串
            //接收一个字符串选择器
            //返回一个jQuery对象 对象中保存了找到的DOM对象
            var $box1 = $(".box1");
            var $box2 = $("#box2");

            console.log($box1)
            console.log($box2)

            var $p = $("<p>我是一个P标签</p>");
            $box1.append($p);
        });

    </script>
</body>
</html>